page {
  height: 100vh;
  background-color: #dcdcdc;
}

.top-container {
  display: flex;

  background-color: red;
  height: 200rpx;
  border-radius: 0 0 60rpx 60rpx;


  text {
    color: white;
    font-size: 40rpx;
    font-weight: 600;
    margin: 50rpx auto;
  }
}

.live_room_info {
  border-radius: 20rpx;
  background-color: white;
  height: 600rpx;
  width: 90%;
  margin: -50rpx 5% 70rpx;

  .anchor_container {
    display: flex;

    .anchor_info {
      display: flex;

      .avatar {
        margin-top: 30rpx;
        margin-left: 30rpx;
        width: 80rpx;
        height: 80rpx;
      }

      text {
        margin-top: 50rpx;
        width: 380rpx;
        margin-left: 30rpx;
      }
    }

    .online_people {
      margin-top: 30rpx;
      display: flex;

      image {
        width: 50rpx;
        height: 50rpx;
      }

      text {
        margin-left: 10rpx;
      }
    }
  }

  .live_cover {
    margin: 30rpx 10%;
    width: 80%;
    height: 330rpx;
    border-radius: 20rpx;
  }

  .live_description{
    margin-left: 30rpx;
    font-size: 38rpx;
    font-weight: 500;
  }

}